<template>
    <el-dialog v-model="isShowInfo" title="" width="40%" draggable class="changeForm"
        style="padding-left: 2%; box-sizing: content-box;">
        <div class="personalInfoBox">
            <div class="personalAvatar">
                <SeeAvatar></SeeAvatar>
            </div>
            <div class="personalInfo">
                <p><span class="accountBox">姓名:</span></p>
                <p style="margin-top: 0%;"><span class="accountBox">单位:</span>
                </p>
                <p style="margin-top: 0%;"><span class="accountBox">学号:</span>
                </p>
                <p><span class="accountBox">联系方式:</span></p>
            </div>
            <div class="introduction">
                <span style="font-family: Source Han Sans CN; color: #707070; opacity: 0.44;">个人简介：</span>12312
        </div>
        </div>
    </el-dialog>
</template>
<script setup>
  import { defineProps, defineEmits } from 'vue';
  import SeeAvatar from './SeeAvatar.vue'
  
  const props = defineProps({
    isShowInfo: Boolean
  })

</script>
<style scoped>
.personalInfoBox {
    width: 89%;
    height: 100%;
    flex-wrap: wrap;
    display: flex;
    box-sizing: content-box;
    margin-top: -3%;
    margin-left: 7.3%;
    margin-bottom: 2.3%;
}



.personalAvatar {
    width: 149px;
	height: 199px;
	background-color: #e1e1e1;
}

.personalInfo {
    width: 60%;
    margin-left: 9.3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 1.7%;
}

.accountBox {
    display: inline-block;
    margin-right: 4%;
    font-family: Source Han Sans CN;
	font-size: 1.3em;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #707070;
    
}
.introduction{
    margin-top: 5%;
    width: 91%;
    height: 158px;
    padding: 1.3%;
    padding-top: 0.7%;
    background-color: #ffffff;
	border: solid 1px #707070;
    font-family: Source Han Sans CN;
	font-size: 1.15em;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
    color: #707070;
}
</style>
<style>
.el-dialog .is-draggable .changeForm{
    padding-left: 2% !important;
}
</style>